<script setup>
import { ref, reactive } from "vue";

const intro = ref("");

const city = ref("SH");

const blood = ref("ab");
</script>

<template>
  <div>
    <textarea
      cols="30"
      rows="4"
      placeholder="请输入自我介绍"
      v-model="intro"
    ></textarea>
  </div></br></br>
<select v-model="city">
  <option value="BJ">北京</option>
 <option value="SH">上海</option>
 <option value="SZ">深圳</option>
 <option value="HZ">杭州</option>
</select >
</br></br>
</br>

<input type="radio"  value="a" v-model="blood"/>A 
<input type="radio"  value="b" v-model="blood"/>B
<input type="radio"  value="ab" v-model="blood"/>A B
<input type="radio"  value="o" v-model="blood"/>O

</template>

<style scoped></style>
